<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>足球</title>
		<meta name="viewport" id="vp" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="iconfont/iconfont.css" />
	</head>
	<body>
		<div class="g_mask" id="g_mask"></div>
		<div class="wrapper">		
			<header>
				<div class="menu iconfont">&#xe602;</div>
				<div class="h_l m_right">
					<div class="h_t h_r_block"> 
						<span class="c_bian">热点</span>
						<span>关注</span>
					</div>
					<div class="h_t">发现</div>
					<div class="h_t">个人中心</div>
				</div>
				
			</header>			
			<div class="center">
				<div class="c_f first">
				
				<!--靳美娟start-->
				<!--首页（热点（足球生活 足球现场）-->
					<div class="first_b hot">
						<div id="content">
							<div id="tab">
								<ul id="title">
									<li class="m1">足球现场</li>
									<li class="m2">足球生活</li>
									<li class="m3">足球美女</li>
								</ul>
							</div>
							<ul id="ctn">
								<li class="ctns ctns1"></li>
								<li class="ctns ctnss ctns2"></li>
								<li class="ctns ctnss ctns3"></li>
							</ul>
						</div>
					</div>
					<!--首页（关注）-->
					<div class="first_b h_gz">
						<div class="head_photo">
							<div class="left">
								<img src="images/focus01.jpg"/>
							</div>
							<div class="text">
								<span>我叫小萌</span>
								<p>我是小萌我怕谁！哈哈哈哈！</p>
							</div>
							<div class="zan">
								<span>382344</span>
								<img src="images/icon_03.jpg"/>
								
							</div>
						</div> 
						<div class="main_pic">
							<img src="images/focus02.jpg"/>
						</div>
						<div class="text2">
							<p>小丸子啊小丸子 ！</p>
						</div>
						<div class="head_photo">
							<div class="left">
								<img src="images/focus01.jpg"/>
							</div>
							<div class="text">
								<span>我叫小萌</span>
								<p>我是小萌我怕谁！哈哈哈哈！</p>
							</div>
							<div class="zan">
								<span>382344</span>
								<img src="images/icon_03.jpg"/>
								
							</div>
						</div> 
						<div class="main_pic">
							<img src="images/focus02.jpg"/>
						</div>
						<div class="text2">
							<p>小丸子啊小丸子 ！</p>
						</div>
						<div class="head_photo">
							<div class="left">
								<img src="images/focus01.jpg"/>
							</div>
							<div class="text">
								<span>我叫小萌</span>
								<p>我是小萌我怕谁！哈哈哈哈！</p>
							</div>
							<div class="zan">
								<span>382344</span>
								<img src="images/icon_03.jpg"/>
								
							</div>
						</div> 
						<div class="main_pic">
							<img src="images/focus02.jpg"/>
						</div>
						<div class="text2">
							<p>小丸子啊小丸子 ！</p>
						</div>
						
					</div>
				</div>
				<div class="c_f discover">
					<!--发现   登录注册	-->
					
					<div class="find">
         <!--蒙版&注册&登录静态start-->
				
				<!-- 登录 -->
				<div class="g_login" id="g_login">
					<h2 class="g_h2_1">登录<i class="iconfont g_close">&#xe644;</i></h2>
					<div class="g_login_cent">
						<div class="g_login_cents">
							<input type="text" value="" placeholder="手机号" class="g_phone" id="g_phone"/>
							<input type="password" value="" placeholder="密码" class="g_password" id="g_password"/>
							<span class="g_beizhu">还没有账号？点击此处立即&nbsp;<i class="g_regiser">注册</i></span>
							<input class="g_ipt" type="button" value="提交"/>
						</div>
					</div>
				</div>
				<!-- 注册 -->
				<div class="g_register">
					<div class="g_sure">
						<span class="g_false" id="g_false">取消</span>
						<span class="g_tips"></span>
						<span class="g_ok" id="g_ok">确定</span>
					</div>
					<div class="g_register_cent">
						<div class="g_register_cents">
							<input type="text" value="" placeholder="手机号" class="g_phoneZ" id="key"/>
							<input type="password" value="" placeholder="密码" class="g_passwordZ" id="val"/>
              <input type="text" value="" placeholder="昵称" class="g_rnameZ" id="g_rnameZ" />
						</div>
					</div>
				</div>

          <!-- 发现 -->
          <!-- 搜索框 -->
         <div class="f_serch">
           <input  type="text" class="s_sosu" id="s_sosu" placeholder="请输入昵称"/>
           <input type="button" class="s_btn" id="s_btn" value="搜索">
           <ul id="ul1"></ul>
         </div>
         <!-- 内容 -->
         <div class="f_main" id="f_main">
           <div class="f_main_1">
             <div class="m_l">
               <span><img src="images/b_1.jpg"></span>
             </div>
             <div class="m_b">
               <p>我叫小萌</p>
               <p>我是小萌我怕谁！哈哈哈哈哈！</p>
             </div>
             <div class="m_r">
               <span class="m_r_attent">关注</span>
             </div>
           </div>

            <div class="f_main_1">
             <div class="m_l">
               <span><img src="images/w_2.jpg"></span>
             </div>
             <div class="m_b">
               <p>大萌</p>
               <p>我是小萌我怕谁！哈哈哈哈哈！</p>
             </div>
             <div class="m_r">
               <span class="m_r_attent">关注</span>
             </div>
           </div>
			<div class="f_main_1">
             <div class="m_l">
               <span><img src="images/w_3.jpg"></span>
             </div>
             <div class="m_b">
               <p>诸星大</p>
               <p>轮程序员是如果猝死的</p>
             </div>
             <div class="m_r">
               <span class="m_r_attent">关注</span>
             </div>
           </div>
	
           <div class="f_main_1">
             <div class="m_l">
               <span><img src="images/w_1.jpg"></span>
             </div>
             <div class="m_b">
               <p>byq</p>
               <p>我是小萌我怕谁！哈哈哈哈哈！</p>
             </div>
             <div class="m_r">
               <span class="m_r_attent2">关注</span>
             </div>
           </div>
         </div>
			</div>
				</div>
				<div class="c_f geren">
					<!--个人中心 （个人资料  照片裁切）  韦满-->
					<div class="liao">
						<div class="top">
							<div class="left">
								<img src="images/w_2.jpg" alt="">
							</div>
							<div class="right">
								<strong>萌萌哒小公主</strong>
								<div class="say">我是小萌我怕谁！哈哈哈</div>
							</div>
						</div>
						<div class="bottom">
							<ul>
								<li>
									<div class="title xian">照片( <span>2</span> )</div>
								</li>
								<li>
									<div class="title">关注( <span>3</span> )</div>
								</li>
								<li>
									<div class="title">粉丝( <span>8</span> )</div>
								</li>
							</ul>
							<div class="tab">
								<div class="yes">
									<div class="photos">
										<div>
											<img src="images/w_1.jpg" alt="">
										</div>
										<div>
											<img src="images/w_3.jpg" alt="">
										</div>
										<!-- <div>
											<img src="images/w_3.jpg" alt="">
										</div> -->
									</div>
								</div>
								<div class="yes">
									<div class="gz">
										<div class="people">
											<div class="p_left"> <img src="images/w_5.jpg" alt=""></div>
											<div class="p_right">
												<div class="name">胡歌</div>
												<div class="say">这个人很懒，什么都没留下~~</div>
												<div class="fans">粉丝 <span>1004w</span></div>
											</div>
										</div>
										<div class="people">
											<div class="p_left"> <img src="images/w_4.jpg" alt=""></div>
											<div class="p_right">
												<div class="name">郭强</div>
												<div class="say">韦满的厉害的左同桌一坨，特别的厉害，没错</div>
												<div class="fans">粉丝 <span>100</span></div>
											</div>
										</div>
										<div class="people">
											<div class="p_left"> <img src="images/mj3.jpg" alt=""></div>
											<div class="p_right">
												<div class="name">三秒钟的记忆</div>
												<div class="say">只要你够努力，你想要的时光都会给你！</div>
												<div class="fans">粉丝 <span>100</span></div>
											</div>
										</div>
										<div class="people">
											<div class="p_left"> <img src="images/w_1.jpg" alt=""></div>
											<div class="p_right">
												<div class="name">byq</div>
												<div class="say">韦满的青春活力萌萌哒小公主,宇宙无敌美少女</div>
												<div class="fans">粉丝 <span>9999w+</span></div>
											</div>
										</div>
										<div class="people">
												<div class="p_left"> <img src="images/w_3.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">哈哈哈</div>
													<div class="say">这个人很懒，什么都没留下~~</div>
													<div class="fans">粉丝 <span>100w</span></div>
												</div>
											</div>
										
									</div>
								</div>
								<div class="yes">
										<div class="fans">
											<div class="people">
												<div class="p_left"> <img src="images/w_5.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">yql</div>
													<div class="say">这个人很懒，什么都没留下~~</div>
													<div class="fans">粉丝 <span>0</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/w_2.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">卧蚕==眼袋</div>
													<div class="say">这个人很懒，什么都没留下~~</div>
													<div class="fans">粉丝 <span>100</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/w_4.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">郭强</div>
													<div class="say">韦满的厉害的左同桌一坨，特别的厉害，没错</div>
													<div class="fans">粉丝 <span>100</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/w_5.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">胡歌</div>
													<div class="say">这个人很懒，什么都没留下~~</div>
													<div class="fans">粉丝 <span>1004w</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/w_3.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">哈哈哈</div>
													<div class="say">这个人很懒，什么都没留下~~</div>
													<div class="fans">粉丝 <span>100w</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/g_pic.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">sugar</div>
													<div class="say">拥挤的人群中你不站稳就可能被踩死</div>
													<div class="fans">粉丝 <span>100w</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/ye1.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">刚发给</div>
													<div class="say">拥挤的人群中你不站稳就可能被踩死</div>
													<div class="fans">粉丝 <span>100w</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/mj1.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">儿童热帖</div>
													<div class="say">拥挤的人群中你不站稳就可能被踩死</div>
													<div class="fans">粉丝 <span>100w</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
											<div class="people">
												<div class="p_left"> <img src="images/w_5.jpg" alt=""></div>
												<div class="p_right">
													<div class="name">的说法是否</div>
													<div class="say">拥挤的人群中你不站稳就可能被踩死</div>
													<div class="fans">粉丝 <span>100w</span></div>
												</div>
												<div class="f_right">
													<span>+ 关注</span>
												</div>
											</div>
										
										</div>
								</div>	
							</div>
						</div>
					</div>
	
					<div class="image">
						<div class="img">
							<img src="images/w_2.jpg" alt="" class="blur">

							<div class="mask"></div>
							<div class="ball">
								<div class="ball_img">
									<img src="images/w_2.jpg" alt="">
								</div>
								<div class="dot"></div>
							</div>
						</div>
						<div class="s_n">
							<div class="sure">确定裁剪</div>
							<div class="no">放弃重来</div>
						</div>
						<div class="submit">
							<div class="img_ok">
								<!-- <img src="images/w_2.jpg" alt=""> -->
								<div class="small">
								<img src="images/w_2.jpg" alt=""> 
									<!-- <canvas id="cv" width="100%" height="477"></canvas> -->
								</div>
								<!-- <img src="images/w_2.jpg" alt="">
								<div class="small">
									<canvas id="cv" width="100%" height="477"></canvas>
								</div> -->
							</div>
							<div class="s_s">提交</div>
						</div>
					</div>
				</div>
				<div class="g_three">
						<div class="g_pic"><img src="images/g_pic.jpg" alt="" /></div>
						<h2 class="g_head">萌萌哒小妖精</h2>
						<span class="g_troduce">这个家伙很懒，什么也没留下...</span>
						<ul class="g_tab">
							<li>足球现场</li>
							<li>足球生活</li>
							<li>足球美女</li>
						</ul>
					</div>
				</div>
			
			<footer>
				<div class="foot">
					<ul>
						<li class="touch_c">
							<div class="iconfont">&#xe603;</div>
							<div class="text">首页</div>
						</li>
						<li>
							<div class="iconfont">&#xe610;</div>
							<div class="text">发现</div>
						</li>
						<li>
							<div class="iconfont big">&#xe630;</div>
							<div class="text">我的</div>
						</li>
						<li>
							<div class="iconfont">&#xe749;</div>
							<div class="text">退出</div>
						</li>
					</ul>
					<div class="camera">
						<span class="iconfont">&#xe6b7;</span>
					</div>
				</div>
			</footer>
		</div>
		
	</body>
<script src="js/jquery-1.12.4.js"></script>
	<script>	
		var abc = $.noConflict();
	</script>
	<script type="text/javascript" src="js/zepto.js"></script>
	<script type="text/javascript" src="js/event.js"></script>
	<script type="text/javascript" src="js/touch.js"></script>
	<script>
		 var html = document.querySelector('html');
	      html.style.fontSize = html.offsetWidth/6.4+"px";
	    // 计算dpr
	      var scale = 1/window.devicePixelRatio;
	      var mstr = 'initial-scale='+ scale +', maximum-scale='+ scale +', minimum-scale='+ scale +', user-scalable=no';
	    // 添加事件监听
	      addEventListener("resize",function(){
	        html.style.fontSize = html.offsetWidth/6.4+"px";
	        document.getElementById("vp").content = mstr;
	      },false);

	</script>
	<script src="js/public.js"></script>
	<script src="js/g_search.js"></script>
	<script>
		all();

	</script>
</html>
